<ui:composition template="../templates/3-layoutTemplate.xhtml" xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:c="http://java.sun.com/jsp/jstl/core">
                
<ui:define name="content-middle">
	<div align="center">
		<p:panel id="dashBoardPanel" style="padding:70px 0px 50px 0px; border: 0" >
			<h:panelGrid columns="3">
				<p:panel id="dbPanel1" header="Welcome" style="margin-right:70px;width:250px;height:400px;">
					<h:panelGrid columns="1">
						<p>Dear Guest,</p>
						<p>Welcome to NDT Mock Test Suite.  We refer to this tool by NDT Work Bench.</p>
						
						<p>This web based program is designed to generate random model examination
						to guide NDT professionals who prepare for the examination such as Level-II
						and Level-III in NDT.</p>
						
						<p>Go ahead, choose questions in and answer the random exam paper.  This is time bound and
						at the end of 10 minutes you will be prompted indicating your session is coming to an end.
						Scorings and review of all your answers will appear at the end after the evaluation phase.</p>
						
						<p>Evluation phase is instant and works on first principle.</p>
						
					</h:panelGrid>
				</p:panel>			
				<p:panel id="dbPanel2" header="Schedule and Activities" style="margin-right:70px;width:250px;height:400px;">
					<h:panelGrid columns="1" >
						<div><p:commandButton value="Click here to launch Mock Test" style="width:230px;" /></div>
						<div style="border:1px solid ;border-color:#DDDDDD;float:left; padding:120px 10px 120px 10px;margin:5px 0px 5px 0px;width:208px;">
							Why should you take NDT test?
						</div>
						<div><p:commandButton value="Exm Tips and Tricks" style="width:230px;" /></div>					
					</h:panelGrid>
				</p:panel>	
				<p:panel id="dbPanel3" header="History" style="width:250px;height:400px;">
					<h:panelGrid columns="1">
                                                <div><p:commandButton value="Mock Test Attempts: 5" style="text-align: left;width:230px;height: 40px;background: #DEDEDE;" /></div>
						<div><p:commandButton value="Credited Points: 80" style="text-align: left;width:230px;height: 40px;background: #DEDEDE;" /></div>
						<div style="float: right;"><p:commandButton value="Mock Test Details" style="width:230px;" /></div>
					</h:panelGrid>
				</p:panel>									
			</h:panelGrid>
		</p:panel>
	</div>


	</ui:define>

</ui:composition>